/**
 
 @Name: layer
 @Author: 贤心
 
 **/
#layercss-skinlayercss{display: none; position: absolute; width: 1989px;}

/* common */
.layer-shade, .layer{position:fixed; _position:absolute; pointer-events: auto;}
.layer-shade{top:0; left:0; width:100%; height:100%; _height:expression(document.body.offsetHeight+"px");cursor:pointer;}
.layer{-webkit-overflow-scrolling: touch;}
.layer{top:150px; left: 0; margin:0; padding:0; background-color:#fff; -webkit-background-clip: content; box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.layer-close{position:absolute;}
.layer-content{position:relative;}
.layer-border{border: 1px solid #d9d9d9; box-shadow: 1px 1px 5px rgba(0,0,0,.2);}
.layer-load{background:url(loading-1.gif) #eee center center no-repeat;}
.layer-ico{ background:url(icon.png) no-repeat;}
.layer-dialog .layer-ico,
.layer-setwin a,
.layer-btn a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}

.layer-move{display: none; position: fixed; *position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; filter:alpha(opacity=0); background-color: #fff; z-index: 2147483647;}
.layer-resize{position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize;}

/* 动画 */
.layer{border-radius: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration:.3s; animation-duration:.3s;}

@-webkit-keyframes bounceIn { /* 默认 */
	0% {opacity: 0; -webkit-transform: scale(.5); transform: scale(.5)}
	100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
}
@keyframes bounceIn {
	0% {opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5)}
	100% {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
}
.layer-anim{-webkit-animation-name: bounceIn;animation-name: bounceIn}

@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}

@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}

@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}

@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.layer-anim-04{-webkit-animation-name:rollIn;animation-name:rollIn}

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes bounceOut { /* 关闭动画 */
  100% {opacity: 0; -webkit-transform: scale(.7); transform: scale(.7)}
  30% {-webkit-transform: scale(1.05); transform: scale(1.05)}
  0% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes bounceOut {
  100% {opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7);}
  30% {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
  0% {-webkit-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
}
.layer-anim-close{-webkit-animation-name: bounceOut;animation-name: bounceOut; -webkit-animation-duration:.2s; animation-duration:.2s;}

/* 标题栏 */
.layer-title{padding:0 40px 0 10px; height:32px; line-height:32px; border-bottom:1px solid #eee; font-size:14px; color:#555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #f9f9f9; border-radius: 2px 2px 0 0;}
.layer-setwin{position:absolute; right:10px; top:10px; font-size:0;}
.layer-setwin a{position:relative; width: 14px; height:14px; margin-left:10px; font-size:12px; _overflow:hidden;}
.layer-setwin .layer-min cite{position:absolute; width:14px; height:2px; left:0; top:50%; margin-top:-1px; background-color:#2e2d3c; cursor:pointer; _overflow:hidden;}
.layer-setwin .layer-min:hover cite{background-color:#2D93CA; }
.layer-setwin .layer-max{background-position:-32px -40px;}
.layer-setwin .layer-max:hover{background-position:-16px -40px;}
.layer-setwin .layer-maxmin{background-position:-65px -40px;}
.layer-setwin .layer-maxmin:hover{background-position:-49px -40px;}
.layer-setwin .layer-close1{background-position:0 -40px; cursor:pointer;}
.layer-setwin .layer-close1:hover{opacity:0.7;}
.layer-setwin .layer-close2{position:absolute; right:-20px; top:-20px; width:18px; height:18px;  margin-left:0; background-position:-81px -37px;}
.layer-setwin .layer-close2:hover{ background-position:-99px -37px;}

/* 按钮栏 */
.layer-btn{text-align: right; padding:0 10px 20px; pointer-events: auto; user-select: none; -webkit-user-select: none;}
.layer-btn a{height: 28px; line-height: 28px; margin: 0 6px; padding: 0 15px; border:1px #d9d9d9 solid; background-color:#f1f1f1; color: #333; border-radius: 2px; font-weight:400; cursor:pointer; text-decoration: none;}
.layer-btn a:hover{opacity: 0.9; text-decoration: none;}
.layer-btn a:active{opacity: 0.8;}
.layer-btn .layer-btn0{background-color:#478fca; color:#fff; border:none;}
.layer-btn-l{text-align: left;}
.layer-btn-c{text-align: center;}

/* 定制化 */
.layer-dialog{min-width:260px;}
.layer-dialog .layer-content{position: relative; padding:15px; line-height:24px; word-break: break-all; overflow:hidden; font-size:14px; overflow-x: hidden; overflow-y:auto;}
.layer-dialog .layer-content .layer-ico{position:absolute; top:12px; left:12px; _left:-40px; width:30px; height:30px;}
.layer-ico1{background-position:-30px 0 }
.layer-ico2{background-position:-60px 0;}
.layer-ico3{background-position:-90px 0;}
.layer-ico4{background-position:-120px 0;}
.layer-ico5{background-position:-150px 0;}
.layer-rim{border:6px solid #8D8D8D; border:6px solid rgba(0,0,0,.3); border-radius:5px; box-shadow: none;}
.layer-msg{min-width:180px; border:1px solid #eee; box-shadow: none;}
.layer-hui{min-width:100px; background-color: #000; filter:alpha(opacity=60); background-color: rgba(0,0,0,0.6); color: #fff; border:none;}
.layer-hui .layer-content{padding:12px 25px; text-align:center;}
.layer-dialog .layer-padding{padding: 15px 15px 15px 50px; text-align: left;}
.layer-page .layer-content{position:relative; overflow:auto;}
.layer-page .layer-btn,.layer-iframe .layer-btn{padding-top:10px;}
.layer-nobg{background:none;}
.layer-iframe iframe{display: block; width: 100%;}

.layer-loading{border-radius:100%; background:none;  box-shadow:none;  border:none;}
.layer-loading .layer-content{width:60px; height:24px; background:url(loading-0.gif) no-repeat;}
.layer-loading .layer-loading1{width:32px; height:32px; background:url(loading-1.gif) no-repeat;}
.layer-loading .layer-loading2, .layer-ico16{width:32px; height:32px; background:url(loading-2.gif) no-repeat;}

/* skin */
.layer-lan[type="dialog"]{min-width:280px;}
.layer-lan .layer-title{background:#4476A7; color:#fff; border: none;}
.layer-lan .layer-btn{padding:10px; text-align: right; border-top:1px solid #E9E7E7}
.layer-lan .layer-btn a{background:#BBB5B5; border:none;}
.layer-lan .layer-btn .layer-btn1{background:#C9C5C5;}
.layer-molv .layer-title{background:#009f95; color:#fff; border: none;}
.layer-molv .layer-btn a{background:#009f95;}
.layer-molv .layer-btn .layer-btn1{background:#92B8B1;}



/**
 
 @Name: layer拓展样式
 
 */

.layer-iconext{background:url(icon-ext.png) no-repeat;}

/* photo模式 */
.layer-photos{-webkit-animation-duration:1s; animation-duration:1s;}
.layer-photos .layer-content{overflow:hidden; text-align: center;}
.layer-photos .layer-phimg img{position: relative; width:100%; display: inline-block; *display:inline; *zoom:1; vertical-align:top;}
.layer-imguide,.layer-imgbar{display:none;}
.layer-imgprev, .layer-imgnext{position:absolute; top:50%; width:27px; _width:44px; height:44px;  margin-top:-22px; outline:none;blr:expression(this.onFocus=this.blur());}
.layer-imgprev{left:10px; background-position:-5px -5px; _background-position:-70px -5px;}
.layer-imgprev:hover{background-position:-33px -5px; _background-position:-120px -5px;}
.layer-imgnext{right:10px; _right:8px; background-position:-5px -50px; _background-position:-70px -50px;}
.layer-imgnext:hover{background-position:-33px -50px; _background-position:-120px -50px;}
.layer-imgbar{position:absolute; left:0; bottom:0; width:100%; height:32px; line-height:32px; background-color:rgba(0,0,0,.8); background-color:#000\9; filter:Alpha(opacity=80); color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:0;}
.layer-imgtit{/*position:absolute; left:20px;*/}
.layer-imgtit *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.layer-imgtit a{max-width:65%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff;}
.layer-imgtit a:hover{color:#fff; text-decoration:underline;}
.layer-imgtit em{padding-left:10px; font-style: normal;}


@media screen and (max-width: 1100px) {
  .layer-iframe{overflow-y: auto; -webkit-overflow-scrolling: touch;}
}


